<!!!--打卡明细-->
<template>
  <div class="card-detail">
    <el-dialog
      title="变动记录"
      width="40%"
      :visible.sync="dialogVisible"
      :before-close="handleClose"
      :show-close="false"
    >
      <el-table :data="tableData" ref="table">
        <el-table-column prop="signTime" label="打卡时间"></el-table-column>
        <el-table-column prop="deviceNo" label="设备编号"></el-table-column>
      </el-table>
      <span slot="footer" class="dialog-footer">
        <el-button @click="cancel">取 消</el-button>
        <!-- <el-button type="primary" @click="confirm">确 定</el-button> -->
      </span>
    </el-dialog>
  </div>
</template>

<script>
export default {
  name: "cardDetail",
  props: {
    dialogVisible: {
      type: Boolean,
      default: false
    },
    tableData: {
      type: Array,
      default: () => []
    }
  },
  data() {
    return {};
  },
  methods: {
    handleClose() {},
    cancel() {
      this.$emit("cancel");
    },
    confirm() {
      this.$emit("confirm");
    }
  }
};
</script>
